<template>
  <div class="apply-nav">
    <el-row type="flex" align="middle">
      <el-col :span="3" class="top_menu_name">
        <p>融资申请</p>
      </el-col>
      <el-col :span="18" :offset="3">
        <div class="menu">
          <ul>
            <li>
              <router-link :to="{path:'/apply/check'}">
                <img src="../../assets/img/main/cust.png">
                <span>客户信息</span>
              </router-link>
            </li>
            <li>
              <router-link to="/apply/assets">
                <img src="../../assets/img/main/asset.png">
                <span>设备信息</span>
              </router-link>
            </li>

            <li>
              <router-link to="/apply/scheme">
                <img src="../../assets/img/main/cust.png">
                <span>融资方案</span>
              </router-link>
            </li>

            <li>
              <router-link to="/apply/guarantee">
                <img src="../../assets/img/main/cust.png">
                <span>添加担保</span>
              </router-link>
            </li>

            <li>
              <router-link to="/apply/attachment">
                <img src="../../assets/img/main/cust.png">
                <span>上传附件</span>
              </router-link>
            </li>
          </ul>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data () {
    return {
      itemImgSrc: this.$route.params.img
    }
  }
}
</script>

<style lang="scss">
.apply-nav {
  padding-top: 25px;
  margin: 0 auto;
  border-bottom: 0.5px solid #979797;
  .top_menu_name {
    font-size: 24px;
  }
  .menu {
    float: right;
    ul {
      list-style: none;
      li {
        display: inline-block;
        font-size: 20px;
        padding: 0 20px;
        cursor: pointer;
        img {
          display: none;
          width: 24px;
          height: 24px;
          padding: 0 8px;
          vertical-align: middle;
          margin-top: -3px;
        }

        span {
          display: inline-block;
          color: #282830;
        }
        span:hover {
          color: #ef5d5d;
        }
      }
      .router-link-active {
        img {
          display: inline-block;
        }
        span {
          color: #ef5d5d;
        }
      }
    }
  }
}
</style>
